
.login-page{
	width: 100%;
	background-color: #fff;
	.page-container{
		width: 1200px;
		padding: 80px 0 160px;
		margin: 0 auto;
		position: relative;
		zoom: 1;
		&::after{
			display: block;
			content: "";
			clear: both;
		}
		.login-bg{
			float: left;
			width: 572px;
			height: 348px;
			background: url(../imgs/login-bg.png) no-repeat;
			margin: 86px 0 0 48px;
		}
		.login-mode{
			position: relative;
			float: left;
			width: 579px;
			height: 520px;
			border-left: 1px solid #c8c8c8;
			.mode-number{
				width: 392px;
				padding: 54px 0 0 98px;
				div.title{
					font-size: 40px;
					line-height: 32px;
					color: #d6dce2;
					text-align: center;
				}
				div{
					input{
						width: 390px;
						height: 50px;
						background-color: #fafafa;
						border: 1px solid #929eab;
						border-radius: 4px;
						margin-top: 18px;
						font-size: 18px;
						line-height: 50px;
						color: #505050;
						text-indent: 1em;
						outline: none;
						&:focus{
							border-color: #e9546a;
						}
					}
				}
				.other-option{
					height: 44px;
					a{
						display: inline-block;
						height: 44px;
						font-size: 14px;
						line-height: 44px;
						float: right;
						margin-right: 10px;
						text-align: right;
						color: #1478be;
					}
				}
				div{
					.reg-tip{
						height: 30px;
						margin-left: 10px;
						font-size: 14px;
						line-height: 30px;
						color: #e9546b;
					}
					.mode-change{
						color: #505050;
						height: 30px;
						margin-left: 10px;
						font-size: 14px;
						line-height: 30px;
						a{
							color: #1478be;
						}
					}
				}
				.login-btn{
					width: 390px;
					height: 50px;
					border: 1px solid #45515e;
					border-radius: 4px;
					margin-bottom: 4px;
					font-size: 20px;
					line-height: 52px;
					color: #fff;
					background-color: #45515f;
					text-align: center;
					cursor: pointer;
				}
			}
			.tip-phone{
				position: absolute;
				top: -26px;
				right: 14px;
				span{
					float: left;
					display: inline-block;
					width: 105px;
					height: 30px;
					margin-top: 6px;
					background: url(../imgs/tip-phone.png) no-repeat;
				}
				a{
					float: left;
					display: inline-block;
					width: 76px;
					height: 76px;
					margin-left: 5px;
					background: url(../imgs/phone-icon.png) no-repeat;
				}
			}
		}
	}
}